import { lazy } from 'react';
import {LayOut1, LayOut2} from "../layout/index.tsx";
import OnAuthCallback from "../components/onAuthCallback.tsx";

// 使用懒加载优化回调组件
const Login = lazy(() => import('../components/Login.tsx'));
// 白名单路径配置
export const whiteList = [
    '/auth/callback' // 确保回调路径在白名单中
];

// 设备类型与布局映射
export const deviceLayouts = {
    desktop: LayOut2,
    mobile: LayOut1,
    default: LayOut2
};

// 路由配置
export const routes = [
    {
        path: '/',
        element: null, // 动态注入布局组件
        children: [
            // 这里可以添加子路由
        ]
    },
    {
        path: '/login',
        element: <Login/>, // 动态注入布局组件
        children: [
            // 这里可以添加子路由
        ]
    },
    {
        path: '/auth/callback',
        element: <OnAuthCallback/>,
        public: true // 标记为公开路由
    }
];
